layui.use(['table', 'form'], function () {
    var table = layui.table;
    var form = layui.form;
    //第一个实例
    setTableData({});
    //监听提交
    form.on('submit(sreach)',
        function (data) {
            data = data.field;
            console.log(data);
            setTableData(data);
            return false;//不跳转，不刷新
        });
    //监听行工具事件
    table.on('tool(test)', function (obj) { //注：tool 是工具条事件名，test 是 table 原始容器的属性 lay-filter="对应的值"
        var data = obj.data //获得当前行数据
            , layEvent = obj.event; //获得 lay-event 对应的值
        if (layEvent === 'edit') {
            sessionStorage.setItem("productId", data.id);
            xadmin.open('编辑产品', '/html/product/product-edit.html', 600, 400);
            // layer.msg('编辑操作，当前行 ID:' + data.id);
        } else if (layEvent === 'delete') {
            layer.confirm('真的删除行么' + data.id + "?", function (index) {
                let result = myAjax("/back/product/delete", {id: data.id}, "post");
                if (result.result == 'success') {
                    obj.del(); //删除对应行（tr）的DOM结构
                    layer.close(index);
                } else {
                    layer.msg('删除失败');
                }

                //向服务端发送删除指令
            });
        }
    });

});


function setTableData(parm) {
    layui.use(['table'], function () {

        var table = layui.table;
        //第一个实例
        table.render({
            elem: '#productList'
            , height: 312
            , url: '/back/product/findAll' //数据接口，默认返回了一个page=2&limit=10;
            , page: true //开启分页
            , where: parm
            , parseData: function (data) { //res 即为原始返回的数据
                judge(data);
                return {
                    "code": 0, //解析接口状态
                    "msg": "", //解析提示文本
                    "count": data.total, //解析数据长度,主要的目的就是为了分页
                    "data": data.list //解析数据列表
                };
            }
            , cols: [[ //表头
                {field: 'id', title: 'ID', width: 80, sort: true, fixed: 'left'}
                , {field: 'name', title: '产品名称', width: 80}
                , {field: 'createTime', title: '创建时间', width: 180, sort: true}
                , {field: 'normalPrice', title: '正常价', width: 80}
                , {field: 'enable', title: '状态', width: 30}
                , {field: 'price', title: '市场价', width: 80, sort: true}
                , {field: 'content', title: '描述', width: 80, sort: true}
                , {
                    field: 'imgHref',
                    title: '图片展示',
                    width: 80,
                    templet: '<div><img src="{{ d.imgHref }}" width="40" height="40"> </div>'
                }
                , {field: 'isRecommend', title: '是否置顶', width: 135, sort: true}
                , {fixed: 'right', width: 150, align: 'center', toolbar: '#barDemo'}
            ]]
        });

    });

}